<div class="home-item-label media text-muted mt-0 border-bottom border-gray  pt-1 pr-0 pl-4 row" data-item-id="<%= itemID %>" >
    <div class="col-sm-7 pl-1">
        <p class="media-body pb-1 mb-0 lh-125">
            <span class="d-block text-dark"><%= itemName %></span>
            <small class="text-<% if (onSale) {%>dark<%}else {%>secondary<%} %>"><%= itemStatus %></small>
        </p>
    </div>
    
    <div class="control-pannel col-sm-5 row align-middle h-75 pr-0 pl-0 mt-1 mb-1 animate__animated animate__fadeIn animate__fast" style="display: none;">
        <span class="pannel-edit col-4 bg-primary text-light text-center pt-1 pb-1 rounded-left" data-toggle="modal" data-target="#itemEditModal">修改</span>
        <% if (onSale) {%>
            <span class="pannel-offShelf col-4 bg-secondary text-light text-center pt-1 pb-1" data-toggle="modal" data-target="#offShelfAlertModal">下架</span>
        <%}else{%>
            <span class="pannel-onShelf col-4 bg-info text-light text-center pt-1 pb-1">出售</span>
        <%}%>
        <span class="pannel-delete col-4 border border-danger bg-danger text-light text-center pt-1 pb-1 rounded-right" data-toggle="modal" data-target="#deleteAlertModal">移除</span>
    </div>
</div>
